<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>课堂考勤系统</title>  
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/pintuer.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/admin.css">
    <link rel="shortcut icon" href="${pageContext.request.contextPath}/static/images/logo.jpg">
    <script src="${pageContext.request.contextPath}/static/js/jquery.js"></script>   
</head>
<body style="background-color:#f2f9fd;">
<div class="header bg-main">
  <div class="logo margin-big-left fadein-top">
    <h1><img src="${pageContext.request.contextPath}/static/images/logo.jpg" class="radius-circle rotate-hover" height="50" alt="" />慢性病报销系统</h1>
  </div>
  <div class="head-l" ><a href="" target="_blank" style="color:#FFF" ><span class="icon-user"></span> 欢迎 ${sessionScope.sysUser.username }</a>&nbsp;&nbsp;<a class="button button-little bg-green" href="" target="_blank" ><span class="icon-home"></span> 首页</a> &nbsp;&nbsp;<a class="button button-little bg-red" href="${pageContext.request.contextPath}/login.do?method=outLogin"><span class="icon-power-off"></span> 退出登录</a> </div>
</div>
<div class="leftnav" id="wrapper">
  <div class="leftnav-title"><strong><span class="icon-list"></span>菜单列表</strong></div>
  
  <template v-for="(item, index) in menuData">
  <h2><span class="icon-user"></span>{{ item.menu.menuName }}</h2>
  
  <ul style=""  >
  	<template v-for="(itm, idx) in item.items">
    <li><a :href="'${pageContext.request.contextPath}' + itm.menuUrl + '&tgName=' + itm.menuName + '&tgId=' + itm.menuId +'&pageNum=' +1" :data-href="'${pageContext.request.contextPath}' + itm.menuUrl" target="right"><span class="icon-caret-right"></span>{{itm.menuName}}</a></li>
   	</template>
  </ul> 
  </template>
  
  
</div>
<script type="text/javascript">
$(function(){
  $(".leftnav h2").click(function(){
	  $(this).next().slideToggle(200);	
	  $(this).toggleClass("on"); 
  })
  $(".leftnav ul li a").click(function(){
	    $("#a_leader_txt").text($(this).text());
  		$(".leftnav ul li a").removeClass("on");
		$(this).addClass("on");
  })
});
</script>

<script src="${pageContext.request.contextPath}/static/js/vue.min.js"></script>
<script src="${pageContext.request.contextPath}/static/layui/layui.js"></script>
 <script type="text/javascript">
   		var _vm = new Vue({
   			el : "#wrapper",
   			data : {
   				iframeUrl : "",
   				menuShow : null,
   				menuText : "${permissionTip}",
   				menuData : [],
   				menuTemp : ${menuTree}
   			},
   			methods : {
   				openToFrame : function(event){
   					var url = event.srcElement.getAttribute("data-href");
   					console.log(url);
   					this.iframeUrl = url;
   				},
   				v_init : function(){
   					if(this.menuTemp != null && this.menuTemp.length>0){
   						this.menuData = this.menuTemp;
   					}
   				},
   				show : function(){
   					console.log(this.menuTemp);
   				}
   			}
   		});
   		_vm.v_init();
    </script>
<ul class="bread">
  <li><a href="{:U('Index/info')}" target="right" class="icon-home"> 首页</a></li>
  <li><a href="##" id="a_leader_txt">欢迎界面</a></li>
  <li><b>当前语言：</b><span style="color:red;">中文</span>
  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;切换语言：<a href="##">中文</a> &nbsp;&nbsp;<a href="##">英文</a> </li>
</ul>
<div class="admin">
  <iframe scrolling="auto" rameborder="0" src="welcome.html" name="right" width="100%" height="100%"></iframe>
</div>
<div style="text-align:center;">
<p>来源:<a href="http://www.mycodes.net/" target="_blank">源码之家</a></p>
</div>
</body>
</html>